<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">

    <div class="page-group">
        <div class="page page_single_show">

            <header class="head-nav-wrap">
                <div class="head-nav single_show_header">
                    <div class="nav-title" th:text="${single.nickname}">
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onClick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>
                    <div class="nav-right">
                        <a class="js-handle" href="javascript:;">
                            <i class="icon icon-bottlecms-97"></i>
                        </a>
                    </div>

                </div>
            </header>

            <!--s: 底部按钮 -->
            <div class="foot-nav-wrap">
                <div class="foot-nav bar-bottom ub">
                    <a th:class="${isLike eq 1?'nav-item like js-like on':'nav-item like js-like'}" href="javascript:;">
                        <i class="icon i like-icon-off icon-bottlecms-83"></i>
                        <i class="icon i like-icon-on icon-bottlecms-84"></i>
                        心动
                    </a>
                    <!--                    <a class="nav-item matchmaker js-matchmaker external"-->
                    <!--                       href="javascript:bottlecms.toast('暂未开放');">-->
                    <!--                        <i class="icon i icon-bottlecms-85"></i>-->
                    <!--                        红娘-->
                    <!--                    </a>-->

                    <a class="nav-item gift js-gift" href="javascript:;">
                        <i class="icon i icon-bottlecms-82"></i>
                        送礼物
                    </a>
                    <a class="nav-item greet js-greet" href="javascript:;">
                        <i class="icon i icon-greet icon-bottlecms-86"></i>
                        打招呼
                    </a>
                    <a class="btn  chat js-chat ub-f1" href="javascript:;">
                        <i class="icon i icon-bottlecms-87"></i>
                        聊天
                    </a>
                </div>
            </div>
            <!--e: 底部按钮 -->

            <div class="page-content">
                <input name="userId" id="userId" type="hidden" th:value="${single.userId}"/>
                <input name="share_title" type="hidden" value="给你介绍个对象"/>
                <input name="share_desc" type="hidden"
                       th:value="${single.age}+'岁 . '+${single.height}+'cm .  '+${single.constellationCn}+'. '"/>

                <input name="share_imgUrl" type="hidden"
                       th:value="${single.photo}+'_200x200.jpg'"/>

                <input name="share_link" type="hidden" th:value="${eid}"/>

                <!--s: 照片 -->
                <div class="topphoto js_avatar">
                    <div class="photo" photo_mode="1"
                         style="background-image: ur('/m/img/pic_seat.svg')"
                         th:attr="bc-lazy-back=${single.photo}+'_800x800.jpg'"></div>
                    <div class="local" th:text="${single.districtCn}">
                    </div>
                </div>
                <!--e: 照片 -->
                <!--s: 基本信息 -->
                <div class="baseinfo">
                    <div class="photo">
                        <img src="/m/img/pic_seat.svg"
                             th:attr="bc-lazy-img=${single.photo}+'_800x800.jpg'"
                             photo_mode="1"/>
                    </div>
                    <div class="nickname ellipsis">
                        [[${single.nickname}]]
                        <i th:if="${single.gender eq 1}" class="icon gender_1"></i>
                        <i th:if="${single.gender eq 2}" class="icon gender_2"></i>
                        <i class="icon_usergroup icon_usergroup_3"></i>

                        <font style="font-size: .6rem;color: #999;">
                            ID:[[${single.userId}]]
                        </font>
                    </div>
                    <div class="info" th:text="${single.age}+'岁 .'+${single.height}+'cm .'+${single.constellationCn} ">
                    </div>
                    <div class="authbox">
                        <a class="arrow pl" href="/m/center/auth">
                            <i th:class="${single.authIdentity eq 1 ?'auth-icon idcard icon-bottlecms-25 on':'auth-icon idcard icon-bottlecms-25'}"></i>
                            <i th:class="${bcSingleContacts.isCheck eq 1 ?'auth-icon mobile on':'auth-icon mobile'}"></i>
                            <i th:class="${single.albumNum eq 1 ?'auth-icon photo on':'auth-icon photo'}"></i>
                            <i th:class="${single.authEducation eq 1 ?'auth-icon education on':'auth-icon education photo'}"></i>
                            <i th:class="${single.authWork eq 1 ?'auth-icon work on':'auth-icon work '}"></i>
                            <i th:class="${single.authHause eq 1 ?'auth-icon hause on':'auth-icon hause'}"></i>
                            <i th:class="${single.authCar eq 1 ?'auth-icon car on':'auth-icon car'}"></i>
                            <!-- <i class="auth-icon wechat"></i>
                                 <i class="auth-icon email"></i>
                                 <i class="auth-icon vip"></i> -->
                        </a>
                    </div>
                </div>
                <!--e: 基本信息 -->
                <!--s: 相册 -->
                <div class="album" th:if="${photoSize gt 0} ">
                    <div class="card-title">
                        <a class="" href="javascript:;">
                            <i class="icon-bottlecms-07"></i>
                            相册（[[${photoSize}]]）
                        </a>
                    </div>
                    <div th:class="${isVip?'photos':'photos noaction'}">
                        <ul th:utext="${getUserPhotoData}">

                        </ul>
                        <div class="tip" th:if="${!isVip}">
                        <span>
                            仅限VIP会员查看
                        </span>
                            <br>
                            <a class="btn btn-sm btn-danger" href="/m/center/setmeal" style="margin-top: .3rem">
                                立即升级
                            </a>
                        </div>
                    </div>

                </div>
                <!--e: 相册 -->

                <!--s: 基本资料 -->
                <div class="baseinfomark">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>基本资料</font>
                    </div>
                    <div class="lists">
                        <span th:if="${single.height ne null && single.height ne 0}" th:text="'身高：'+${single.height}+'cm'"></span>
                        <span th:if="${single.weight ne null && single.weight ne 0}" th:text="'体重：'+${single.weight}+'kg'"></span>
                        <span th:if="${single.bloodCn ne null && single.bloodCn ne ''}" th:text="'血型：'+${single.bloodCn}"></span>
                        <span th:if="${single.nativePlaceCn ne null && single.nativePlaceCn ne ''}" th:text="'籍贯：'+${single.nativePlaceCn}"></span>
                        <span th:if="${single.incomeCn ne null && single.incomeCn ne ''}" th:text="'收入：'+${single.incomeCn}"></span>
                        <span th:if="${single.educationCn ne null && single.educationCn ne ''}" th:text="'学历：'+${single.educationCn}"></span>
                        <span th:if="${single.marriageCn ne null && single.marriageCn ne ''}" th:text="'婚姻状态：'+${single.marriageCn}"></span>
                        <span th:if="${single.childrenCn ne null && single.childrenCn ne ''}" th:text="'孩子情况：'+${single.childrenCn}"></span>
                        <span th:if="${single.constellationCn ne null && single.constellationCn ne ''}" th:text="'星座：'+${single.constellationCn}"></span>
                        <span th:if="${single.zodiacCn ne null && single.zodiacCn ne ''}" th:text="'生肖：'+${single.zodiacCn}"></span>
                        <span th:if="${single.marryCn ne null && single.marryCn ne ''}" th:text="'结婚计划：'+${single.marryCn}"></span>
                        <span th:if="${single.dispositionCn ne null && single.dispositionCn ne ''}" th:text="'性格：'+${single.dispositionCn}"></span>
                        <span th:if="${single.houseCn ne null && single.houseCn ne ''}" th:text="'房产：'+${single.houseCn}"></span>
                        <span th:if="${single.carCn ne null && single.carCn ne ''}" th:text="'汽车：'+${single.carCn}"></span>
                        <span th:if="${single.industryCn ne null && single.industryCn ne ''}" th:text="'行业：'+${single.industryCn}"></span>
                        <span th:if="${single.professionCn ne null && single.professionCn ne ''}" th:text="'职业：'+${single.professionCn}"></span>
                        <span th:if="${single.school ne null && single.school ne ''}" th:text="'学校：'+${single.school}"></span>
                        <span th:if="${single.familyBackgCn ne null && single.familyBackgCn ne ''}" th:text="'家庭背景：'+${single.familyBackgCn}"></span>
                        <span th:if="${single.drinkCn ne null && single.drinkCn ne ''}" th:text="'喝酒：'+${single.drinkCn}"></span>
                        <span th:if="${single.smokingCn ne null && single.smokingCn ne ''}" th:text="'吸烟：'+${single.smokingCn}"></span>
                        <span th:if="${single.workOutCn ne null && single.workOutCn ne ''}" th:text="'健身习惯：'+${single.workOutCn}"></span>
                        <span th:if="${single.workRestCn ne null && single.workRestCn ne ''}" th:text="'作息习惯：'+${single.workRestCn}"></span>
                        <span th:if="${single.petCn ne null && single.petCn ne ''}" th:text="'宠物：'+${single.petCn}"></span>
                        <span th:if="${single.religiousCn ne null && single.religiousCn ne ''}" th:text="'宗教信仰：'+${single.religiousCn}"></span>
                        <span th:if="${single.company ne null && single.company ne ''}" th:text="'公司：'+${single.company}"></span>
                    </div>
                </div>
                <!--e: 基本资料 -->

                <!--s: 择偶条件 -->
                <div class="condition">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>择偶标准</font>
                    </div>
                    <div class="lists">
                        <span th:if="${bcSingleMates.mateAge ne null && bcSingleMates.mateAge ne ''}"
                              th:text="'年龄：'+${bcSingleMates.mateAge}+'岁'"></span>
                        <span th:if="${bcSingleMates.mateHeight ne null && bcSingleMates.mateHeight ne ''}"
                              th:text="'身高：'+${bcSingleMates.mateHeight}+'cm'"></span>
                        <span th:if="${bcSingleMates.mateWeight ne null && bcSingleMates.mateWeight ne ''}"
                              th:text="'体重：'+${bcSingleMates.mateWeight}+'kg'"></span>
                        <span th:if="${bcSingleMates.mateIncomeCn ne null && bcSingleMates.mateIncomeCn ne '不限'}"
                              th:text="'收入：'+${bcSingleMates.mateIncomeCn}"></span>
                        <span th:if="${bcSingleMates.mateEducationCn ne null && bcSingleMates.mateEducationCn ne '不限'}"
                              th:text="'学历：'+${bcSingleMates.mateEducationCn}"></span>
                        <span th:if="${bcSingleMates.mateDistrictCn ne null && bcSingleMates.mateDistrictCn ne '不限.不限.不限'}"
                              th:text="'所在区域：'+${bcSingleMates.mateDistrictCn}"></span>
                        <span th:if="${bcSingleMates.mateMarriageCn ne null && bcSingleMates.mateMarriageCn ne '不限'}"
                              th:text="'婚姻状态：'+${bcSingleMates.mateMarriageCn}"></span>
                        <span th:if="${bcSingleMates.mateChildrenCn ne null && bcSingleMates.mateChildrenCn ne '不限'}"
                              th:text="'孩子情况：'+${bcSingleMates.mateChildrenCn}"></span>
                        <span th:if="${bcSingleMates.mateConstellationCn ne null && bcSingleMates.mateConstellationCn ne '不限'}"
                              th:text="'星座：'+${bcSingleMates.mateConstellationCn}"></span>
                        <span th:if="${bcSingleMates.mateMarryCn ne null && bcSingleMates.mateMarryCn ne '不限'}"
                              th:text="'结婚计划：'+${bcSingleMates.mateMarryCn}"></span>
                        <span th:if="${bcSingleMates.mateNationalityCn ne null && bcSingleMates.mateNationalityCn ne '不限'}"
                              th:text="'民族：'+${bcSingleMates.mateNationalityCn}"></span>
                        <span th:if="${bcSingleMates.mateHouseCn ne null && bcSingleMates.mateHouseCn ne '不限'}"
                              th:text="'房产：'+${bcSingleMates.mateHouseCn}"></span>
                        <span th:if="${bcSingleMates.mateCarCn ne null && bcSingleMates.mateCarCn ne '不限'}"
                              th:text="'汽车：'+${bcSingleMates.mateCarCn}"></span>
                        <span th:if="${bcSingleMates.mateIndustryCn ne null && bcSingleMates.mateIndustryCn ne '不限'}"
                              th:text="'行业：'+${bcSingleMates.mateIndustryCn}"></span>
                        <span th:if="${bcSingleMates.mateProfessionCn ne null && bcSingleMates.mateProfessionCn ne '不限'}"
                              th:text="'职业：'+${bcSingleMates.mateProfessionCn}"></span>
                        <span th:if="${bcSingleMates.mateDispositionCn ne null && bcSingleMates.mateDispositionCn ne '不限'}"
                              th:text="'性格：'+${bcSingleMates.mateDispositionCn}"></span>
                        <span th:if="${bcSingleMates.mateNativePlaceCn ne null && bcSingleMates.mateNativePlaceCn ne '不限.不限.不限'}"
                              th:text="'籍贯：'+${bcSingleMates.mateNativePlaceCn}"></span>
                        <span th:if="${bcSingleMates.mateFamilyBackgCn ne null && bcSingleMates.mateFamilyBackgCn ne '不限'}"
                              th:text="'家庭背景：'+${bcSingleMates.mateFamilyBackgCn}"></span>
                        <span th:if="${bcSingleMates.mateDrinkCn ne null && bcSingleMates.mateDrinkCn ne '不限'}"
                              th:text="'喝酒：'+${bcSingleMates.mateDrinkCn}"></span>
                        <span th:if="${bcSingleMates.mateSmokingCn ne null && bcSingleMates.mateSmokingCn ne '不限'}"
                              th:text="'吸烟：'+${bcSingleMates.mateSmokingCn}"></span>
                        <span th:if="${bcSingleMates.mateReligiousCn ne null && bcSingleMates.mateReligiousCn ne '不限'}"
                              th:text="'宗教：'+${bcSingleMates.mateReligiousCn}"></span>

                    </div>
                </div>
                <!--e: 择偶条件 -->

                <!--s: 内心独白 -->
                <div class="mywords" th:if="${single.soliloquy ne null && single.soliloquy ne ''}">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>内心独白</font>
                    </div>
                    <div class="words" th:text="${single.soliloquy}">
                    </div>
                </div>
                <!--e: 内心独白 -->

                <!--s: 联系方式 -->
                <div class="mywords">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>联系方式</font>
                    </div>
                    <div class="words contact">
                        <div class="alert" th:if="${showHoldContact eq 1}">
                            等待对方同意
                        </div>
                        <div class="contacts">
                            <div class="lists">
                                <a th:if="${bcSingleContacts.wechatid ne ''}" class="item wechat js-apply_contact"
                                   item="wechat" href="javascript:;"><i
                                        class="icon icon-bottlecms-79"></i><u>微信</u></a>
                                <a th:if="${bcSingleContacts.email ne ''}" class="item email js-apply_contact"
                                   item="email" href="javascript:;"><i
                                        class="icon  icon-bottlecms-78"></i><u>邮箱</u></a>
                                <a th:if="${bcSingleContacts.phone ne ''}" class="item phone js-apply_contact"
                                   item="phone" href="javascript:;"><i
                                        class="icon  icon-bottlecms-45"></i><u>电话</u></a>
                            </div>
                        </div>

                    </div>
                </div>
                <!--e: 联系方式 -->

                <!--s: 声音 -->
                <div class="mywords">
                    <i class="icon-bottlecms-07"></i>
                    <div class="card-title">
                        <font>我的声音</font>
                    </div>
                    <div class="words noaction" style="text-align: center;">
                        <div class="bcui_voice" style="">
                            <div class="bcui_voice_back" photo_mode="1"
                                 style="background-image:url(/uploads/single/photo/6.jpeg)">
                            </div>
                            <audio controls="controls" hidden="" id="voice_6" preload=""
                                   src="https://demo.bottlecms.com/uploads/single/voice/e8e7fb5e78edf556e787a31c05e143fc.mp3">
                            </audio>
                            <div class="bcui_voice_btn">
                            </div>
                        </div>
                        <div class="tip">
                        <span>
                            仅限VIP会员查看
                        </span>
                            <br/>
                            <a class="btn btn-sm btn-danger" href="https://demo.bottlecms.com/m/manage/setmeal"
                               style="margin-top: .3rem">
                                立即升级
                            </a>
                        </div>
                    </div>
                </div>
                <!--e: 声音 -->
                <!--s: 视频 -->
                <div class="mywords">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>我的视频</font>
                    </div>
                    <div class="words noaction " style="text-align: center;">
                        <div class="bcui_voice_back" style="background-image:url(/uploads/single/photo/6.jpeg)">
                        </div>
                        <video x5-video-player-type="h5-page" controls="controls" poster="/uploads/single/photo/6.jpeg"
                               src="https://demo.bottlecms.com/uploads/single/video/0b4b3d1b45c9c240d61f58ddbbbee5ab.mp4"
                               style="background: #000; " width="300">
                        </video>
                        <div class="tip">
                        <span>
                            仅限VIP会员查看
                        </span>
                            <br/>
                            <a class="btn btn-sm btn-danger" href="https://demo.bottlecms.com/m/manage/setmeal"
                               style="margin-top: .3rem">
                                立即升级
                            </a>
                        </div>
                    </div>
                </div>
                <!--e: 视频 -->
                <!--s: 收到的礼物 -->
                <div class="mywords">
                    <div class="card-title">
                        <i class="icon-bottlecms-07"></i>
                        <font>收到的礼物</font>
                    </div>
                    <div class="words">
                        <div class="giftsbox">
                            <div class="gifts">
                                <div class="item">
                                    <img class="cover"
                                         src="/m/img/pic_seat.svg"
                                         bc-lazy-img="/m/img/gift/1.png"/>
                                    <div class="gift-name">
                                        玫瑰花1朵 × 7
                                    </div>
                                </div>
                                <div class="item">
                                    <img class="cover"
                                         src="/m/img/pic_seat.svg"
                                         bc-lazy-img="/m/img/gift/3.png"/>
                                    <div class="gift-name">
                                        玫瑰花99朵 × 1
                                    </div>
                                </div>
                                <div class="item">
                                    <img class="cover"
                                         src="/m/img/pic_seat.svg"
                                         bc-lazy-img="/m/img/gift/5.png"/>
                                    <div class="gift-name">
                                        LV手包 × 1
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--e: 收到的礼物 -->
                <!--s: 动态 -->
                <!-- <div class="mywords">
<div class="card-title">
<i class="icon-bottlecms-07"></i>
<font>动态</font>
</div>
<div class="words">

</div>
</div> -->
                <!--e: 动态 -->

                <div style="height: 3rem;"></div>


                <div class="_homenav">
                    <nav class="menu">
                        <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open">
                        <label class="menu-open-button" for="menu-open">
                            <i class="icon-bottlecms-57"></i>
                        </label>

                        <a href="/m" class="menu-item"> <i class="icon-bottlecms-55"></i> </a>
                        <a href="https://demo.bottlecms.com/m/manage/footprint" class="menu-item"> <i
                                class="icon-bottlecms-38"></i> </a>
                        <a href="https://demo.bottlecms.com/m/manage/like" class="menu-item"> <i
                                class="icon-bottlecms-84"></i> </a>
                        <a href="https://demo.bottlecms.com/m/chat" class="menu-item"> <i class="icon-bottlecms-04"></i>
                        </a>
                    </nav>
                </div>
            </div>


        </div>
    </div>

    <link href="/m/css/photoswipe.css" rel="stylesheet">
    <link href="/m/css/default-skin/default-skin.css" rel="stylesheet">
    <script src="/m/js/photoswipe.min.js" type="text/javascript"></script>
    <script src="/m/js/photoswipe-ui-default.min.js" type="text/javascript"></script>


    <div id="qrcode" style="display: none;"></div>
    <script src="/m/js/jquery.qrcode.min.js" type="text/javascript"></script>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script src="/m/js/single/info.js" type="text/javascript"></script>

</div>
</html>
